.vdr {
    background-color: red;
  
    cursor: move;
    box-sizing: border-box;
  }
  .border {
    border: 1px dashed gray;
  }
  .stick {
    position: fixed;
  
    
  }
  .stick>.base {
      position: absolute;
      width: 10px;
      height: 10px;
      left: -5px;
      top: -5px;
      background-color: white;
      border: 1px solid gray;
    }
   .stick .tl {
      cursor: se-resize;
    }
    .stick .tm {
      left: calc(50% - 5px);
      cursor: s-resize;
    }
   .stick .tr {
      left: calc(100% - 5px);
      cursor: ne-resize;
    }
   .stick .lm {
      top: calc(50% - 5px);
      cursor: w-resize;
    }
   .stick .rm {
      left: calc(100% - 5px);
      top: calc(50% - 5px);
      cursor: w-resize;
    }
    .stick .br {
      left: calc(100% - 5px);
      top: calc(100% - 5px);
      cursor: se-resize;
    }
    .stick .bm {
      left: calc(50% - 5px);
      top: calc(100% - 5px);
      cursor: s-resize;
    }
    .stick .bl {
      top: calc(100% - 5px);
      cursor: ne-resize;
    }